<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<link rel="stylesheet" href="http://localhost/ZBZphp/wowsai/Static/admin/Bootstrap/Css/bootstrap.min.css" />
	<link rel="stylesheet" href="http://localhost/ZBZphp/wowsai/Static/admin/Css/common.css" />
	<script type="text/javascript" src='http://localhost/ZBZphp/wowsai/Static/admin/Js/jquery-1.7.2.min.js'></script>
	<style type="text/css">
	    #logo{display: none;}
	    .logo{
	    	width: 120px;height: 30px;
	    	background: url(http://localhost/ZBZphp/wowsai/Static/admin/Images/upBtn.png) no-repeat;
	    	float: left;
	    }
	    .logoImg{float: left;line-height: 29px;margin-left: 20px;}
	    .logo:hover{background: url(http://localhost/ZBZphp/wowsai/Static/admin/Images/upBtn.png) no-repeat 0 -30px;}
	</style> 
</head>
<body>
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">

	<form action="" method='post' enctype="multipart/form-data">
		<legend>添加商品品牌</legend>
		<table class="table table-bordered table-hover">
			<tr class="info">
				<td>品牌名称</td>
				<td colspan="2">
					<input type="text" name='bname'/>
				</td>
			</tr>
			<tr class="info">
				<td>品牌LOGO</td>
				<td>
					<label for="logo" class="logo"></label>
					<input type="file" name='blogo' id='logo'/>
					<span class="logoImg"></span>
					<div id="localImag"><img id="preview" style="display:none" /></div>
				</td>
			</tr>
			<tr class="info">
				<td>是否热门</td>
				<td colspan="2">
					<input type="checkbox" name='is_hot'/>
				</td>
			</tr>
			<tr>
				<td colspan='3' align='center'>
					<input type="submit" class="btn btn-primary" value="添加品牌" />
				</td>
			</tr>
		</table>
	</form>

	</div>
	</div>
	</div>
<script type="text/javascript">
	$(function(){
		// 当file表单上传文件时，点击确定之后抓取value并赋给右侧span
		$('#logo').change(function(){
			var value=$('#logo').val();	
			$('.logoImg').html(value);	
			setImagePreview();
		});
	})
	function setImagePreview() {  
	    var docObj=document.getElementById("logo");  
	    var imgObjPreview=document.getElementById("preview");  
	    if(docObj.files && docObj.files[0]){  
	        //火狐下，直接设img属性  
	        imgObjPreview.style.display = 'block';  
	//      imgObjPreview.style.width = '300px';  
	//      imgObjPreview.style.height = '120px';                      
	        //imgObjPreview.src = docObj.files[0].getAsDataURL();  
	          
	        //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式    
	        imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);  
	    }else{  
	        //IE下，使用滤镜  
	        docObj.select();  
	        var imgSrc = document.selection.createRange().text;  
	        var localImagId = document.getElementById("localImag");  
	        //必须设置初始大小  
	        localImagId.style.width = "300px";  
	        localImagId.style.height = "120px";  
	        //图片异常的捕捉，防止用户修改后缀来伪造图片  
	        try{  
	            localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";  
	            localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;  
	        }catch(e){  
	            alert("您上传的图片格式不正确，请重新选择!");  
	            return false;  
	        }  
	        imgObjPreview.style.display = 'none';  
	        document.selection.empty();  
	    }  
	    return true;  
	}  
</script>
</body>
</html>